<!DOCTYPE html>
<html>
<head>
<title>Contact Us | Credly Software Labs</title>
<link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" />
<script src="js/jquery-1.5.min.js"></script>
<script src="js/jquery.mobile-1.0a3.min.js"></script>
<script type="text/javascript">

	$(function() {
		$("#submit").click(
				function() {
					var name = $("#name").val();
					var email = $("#email").val();
					var phone = $("#phone").val();
					var message = $("#message").val();
					var dataString = 'name=' + name + '&email=' + email
							+ '&phone=' + phone + '&message=' + message;

					if (name == '' || email == '' || phone == '') {
						alert();
					} else {
						$.ajax({
							type : "POST",
							url : "process.php",
							data : dataString,
							success : function() {
								$('#contact').hide();
								$('.success').fadeIn(200).show();
							}
						});
					}
					return false;
				});
	});
	
</script>

</head>
<body>

	<div data-role="page" id="home">
		<div data-role="header">
			<a href="mindex.html" data-rel="back" data-direction="reverse">back</a>
			<h1>Contact Us</h1>
		</div>
		<div data-role="content">
		 <h1>Corporate Office Address</h1>
          <address>
		   <strong>Credly Software Labs </strong><br>
            Udayam Nagar<br>
			Velachery<br>
			Chennai-600042<br>
			India<br>
            email: <strong>info@credly.in</strong><br>
			phone: <strong>+91-9884787773</strong><br>
          </address>
		</div>
		<div data-role="content" id="contact-form">
			<form id="contact" method="post" action="">
			<div data-role="fieldcontain">
				<a> Thank you for your interest in Credly Software Labs. Please provide
					the following information about your business needs to help us
					serve you better. This information will enable us to route your
					request to the appropriate person. You should receive a response
					within 48 hours. </a>
				
				<div data-role="fieldcontain">
					<label for="name">Name</label> <input type="text" name="name"  placeholder="Full Name"
						id="name" value="" /> <label for="email">E-Mail</label> <input
						type="text" name="email" id="email" placeholder="yourname@domain.com" value="" /> 
						<label for="phone">Phone</label> 
						<input type="text" name="phone"  placeholder="ex. (555) 555-5555" id="phone" value="" /> 
						<label for="message">Comments/Questions</label>
						<textarea name="message" id="message"></textarea>
					 <button id="submit" type="submit">Submit</button>
				</div>
				
			</div>
		</form>
			<span class="success" style="display:none"> Thanks! Your request has been sent.</span>
		</div>
	
	</div>

</body>
</html>
